
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
 <head>
  <title>50+个HTML/CSS and JavaScript酷炫项目</title>
 </head>
 <body>
<h1>50+个HTML/CSS and JavaScript酷炫项目</h1>
  <table>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/3d-boxes-background/index.html">3d-boxes-background/</a>   </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/animated-countdown/index.html">animated-countdown/</a>    </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/animated-navigation/index.html">animated-navigation/</a>   </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/auto-text-effect/index.html">auto-text-effect/</a>      </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/background-slider/index.html">background-slider/</a>     </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/blurry-loading/index.html">blurry-loading/</a>        </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/button-ripple-effect/index.html">button-ripple-effect/</a>  </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/content-placeholder/index.html">content-placeholder/</a>   </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/custom-range-slider/index.html">custom-range-slider/</a>   </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/dad-jokes/index.html">dad-jokes/</a>             </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/double-click-heart/index.html">double-click-heart/</a>    </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/double-vertical-slider/index.html">double-vertical-slider/</a></td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/drag-n-drop/index.html">drag-n-drop/</a>           </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/drawing-app/index.html">drawing-app/</a>           </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/drink-water/index.html">drink-water/</a>           </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/event-keycodes/index.html">event-keycodes/</a>        </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/expanding-cards/index.html">expanding-cards/</a>       </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/faq-collapse/index.html">faq-collapse/</a>          </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/feedback-ui-design/index.html">feedback-ui-design/</a>    </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/form-wave/index.html">form-wave/</a>             </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/github-profiles/index.html">github-profiles/</a>       </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/good-cheap-fast/index.html">good-cheap-fast/</a>       </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/hidden-search-widget/index.html">hidden-search-widget/</a>  </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/hoverboard/index.html">hoverboard/</a>            </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/image-carousel/index.html">image-carousel/</a>        </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/incrementing-counter/index.html">incrementing-counter/</a>  </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/insect-catch-game/index.html">insect-catch-game/</a>     </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/kinetic-loader/index.html">kinetic-loader/</a>        </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/live-user-filter/index.html">live-user-filter/</a>      </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/mobile-tab-navigation/index.html">mobile-tab-navigation/</a> </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/movie-app/index.html">movie-app/</a>             </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/netflix-mobile-navigation/index.html">netflix-mobile-navig..&gt;</a></td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/notes-app/index.html">notes-app/</a>             </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/password-generator/index.html">password-generator/</a>    </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/password-strength-background/index.html">password-strength-ba..&gt;</a></td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/pokedex/index.html">pokedex/</a>               </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/progress-steps/index.html">progress-steps/</a>        </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/quiz-app/index.html">quiz-app/</a>              </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/random-choice-picker/index.html">random-choice-picker/</a>  </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/random-image-feed/index.html">random-image-feed/</a>     </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/rotating-navigation-animation/index.html">rotating-navigation-..&gt;</a></td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/scroll-animation/index.html">scroll-animation/</a>      </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/simple-timer/index.html">simple-timer/</a>          </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/sound-board/index.html">sound-board/</a>           </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/split-landing-page/index.html">split-landing-page/</a>    </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/sticky-navbar/index.html">sticky-navbar/</a>         </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/testimonial-box-switcher/index.html">testimonial-box-swit..&gt;</a></td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/theme-clock/index.html">theme-clock/</a>           </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/toast-notification/index.html">toast-notification/</a>    </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/todo-list/index.html">todo-list/</a>             </td></tr>
<tr><td valign="top">&nbsp;</td><td><a target="_blank" href="https://y.cdn.iwmyx.cn/htmlprojects/verify-account-ui/index.html">verify-account-ui/</a>     </td></tr>
</table>
</body></html>
